<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition template="/template/templateLogin.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui">
    <ui:define name="content" >
        <center>
            <p:messages globalOnly="true" id="msgs"/>
        </center>
        <h:form>
            <center>
                <p:panel header="Bienvenido, por favor ingrese los datos requeridos" style="width: 450px"
                         toggleable="true">
                    <br/>
                    <p:panelGrid columns="2">
                        <h:panelGroup>
                            <h:graphicImage url="/img/usuarios.png"/>
                            <h:outputLabel value="" style="color: #FFF"/>
                            <p:outputLabel value="Login:" for="txtLogin"/>
                        </h:panelGroup>
                        <h:panelGroup>
                            <p:inputText id="txtLogin" required="true" value="#{navegacionControlador.login}"/>
                            <p:message for="txtLogin"/>
                        </h:panelGroup>
                        <h:panelGroup>
                            <h:graphicImage url="/img/key.png"/>
                            <h:outputLabel value="" style="color: #FFF"/>
                            <p:outputLabel value="Password:" for="txtPasswd"/>
                        </h:panelGroup> 
                        <h:panelGroup>
                            <p:password id="txtPasswd" required="true" value="#{navegacionControlador.password}"
                                        feedback="true" promptLabel="Ingrese su clave" weakLabel="Seguridad baja" goodLabel="Seguridad buena" strongLabel="Seguridad fuerte"/>
                        </h:panelGroup>
                    </p:panelGrid>
                    <br/>
                    <p:panelGrid columns="2">
                        <p:commandButton value="Ingresar" action="#{navegacionControlador.verPrincipal()}" update=":#{p:component('msgs')}"/>
                        <p:commandButton value="Cancelar" action="/login.jsf" immediate="true"/>
                    </p:panelGrid>
                </p:panel>
                <div id="pie-de-pagina">
                </div>
            </center>
        </h:form>
    </ui:define>
</ui:composition>


